<template>
  <div>
    <!-- 姓名：<input ref="name" asd="66666"/><br/>
    薪水：<input type="number" v-model="salary"/>{{ salary }}<br/> -->
    <MySalary></MySalary>
    <button v-on:click="showres">提交</button>
  </div>

</template>
<script setup lang="ts">
  // import { ref, reactive, toRef,toRefs } from 'vue';
  import MySalary from './components/MySalaryInfo.vue';

  // let salaryInfo = reactive({
  //   salary: 1000,
  //   userName:'zhangsan'
  // });

  // let userName = toRef(salaryInfo.userName);
  // let salary = toRef(salaryInfo.salary);
  // let {salary, userName} = toRefs(salaryInfo);

  // let name  = ref();
  function addSalary() {
    // salary.value += 1000;
    // console.log(salaryInfo);

    // console.log(name);
    // console.log(name.value);
    // console.log(name.value.value);
    // console.log(name.value.getAttribute('asd'));
  }

  function showres() {
    console.log();
  }

</script>

<style scoped>
.userInfo {
  background-color: aqua;
  width: 90%;
}
.userInfo span {
  background-color: yellow;
  margin-left: 10px;
  border: 1px;
  border-radius: 5px;
}
</style>
